/*
 *   Copyright 2012-present OSBI Ltd
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */

// Packages
import React from 'react';
import { matchPath, withRouter } from 'react-router-dom';

// Routes
import { routes } from '../../../routes';

// Styles
import './PageTitle.css';

const PageTitle = ({ location }) => {
  const findTitle = () => {
    for (let route of routes) {
      if (matchPath(location.pathname, route)) {
        return route.title;
      }
    }

    return null;
  };

  return (
    <div className="sku-page-title">
      <h1>{findTitle()}</h1>
    </div>
  );
};

export default withRouter(PageTitle);
